home *** CD-ROM | disk | FTP | other *** search
/ PC World 2008 April / PCWorld_2008-04_cd.bin / komercni software / miton / SystemMechanic7Pro.exe / {app} / smhtml.dll / 1033 / HTML / CHECKBOX.JS < prev    next >
Text File  |  2008-01-24  |  6KB  |  249 lines
  1.  
  2. var _CHECKBOX_CHECKED = "0";
  3. var _CHECKBOX_UNCHECKED = "1";
  4. var _CHECKBOX_DISABLE_CHECKED = "2";
  5. var _CHECKBOX_DISABLE_UNCHECKED = "3";
  6. var _CHECKBOX_MIX = "4";
  7.  
  8. var __HIDDEN = "<input type=\"hidden\"  id=\"{id}\" value=\"{value}\" />";
  9. var __IMAGE = "<img src=\"{image}\" id=\"{id}\"  onmouseover=\"{mouseover}\" onmouseout=\"{mouseout}\"  onclick=\"{onclick}{EVENT}\" align=\"absmiddle\"  style=\"cursor:hand;\" />"; 
  10.  
  11.  
  12. function CheckBox()
  13. {
  14.   this.ID = "";
  15.   
  16.   // if the id is passed as an argument 
  17.   if( arguments.length == 1 )
  18.     this.ID = this.ID = arguments[0];
  19.     
  20.   this.State =   _CHECKBOX_UNCHECKED;
  21.   this.lblText = new Label();
  22.   this.lblText.Text = "";
  23.   
  24.   this.OnClickEvent = "__OnClickCheckBox"; 
  25.   this.OnMouseOver = "__OnMouseOverCheckBox";
  26.   this.OnMouseOut = "__OnMouseOutCheckBox";
  27.   
  28.   this.OnClickCustomEvent = "";
  29.   
  30.   this.Render = __RenderCheckBox;
  31.   this.SetState = __SetCheckBoxState;
  32.   this.GetState = __GetCheckBoxState;
  33.   this.Enable = __EnableCheckBox;
  34.   this.Check = __CheckCheckBox;
  35.   
  36.   this.IsChecked = __IsCheckedCheckBox;
  37.   this.Toggle = __ToggleCheckBox;
  38.   this.IsRendered  = __CheckBoxIsRendered;
  39. }
  40.  
  41.  function __CheckBoxIsRendered()
  42. {
  43.   return  Get( "hid_"+ this.ID ) == null ? false : true;
  44. }
  45.  
  46. function __RenderCheckBox()
  47. {
  48.   // replace hidden field's id and value
  49.   var hid = __HIDDEN.replace("{id}","hid_"+ this.ID);
  50.   hid = hid.replace("{value}",this.State);
  51.   
  52.   // replace image's id, src and onclick event
  53.   var image = __IMAGE.replace("{id}","image_"+ this.ID);
  54.   image = image.replace("{image}",__GetCheckBoxImage(this.State ) );
  55.   image = image.replace("{onclick}", this.OnClickEvent + "('hid_"+ this.ID +"','image_"+this.ID+"');" );
  56.   image = image.replace("{mouseover}", this.OnMouseOver + "('hid_"+ this.ID +"','image_"+this.ID+"');" );
  57.   image = image.replace("{mouseout}", this.OnMouseOut + "('hid_"+ this.ID +"','image_"+this.ID+"');" );
  58.   
  59.   image = image.replace("{EVENT}",this.OnClickCustomEvent );
  60.  
  61.   
  62.   
  63.   this.lblText.ID = "chktext_" + this.ID;
  64.   this.lblText.OnClickEvent = this.OnClickEvent;  
  65.  
  66.   var text = ((this.lblText.Text == "" )? "": this.lblText.Render());
  67.   
  68.   return image + " " + text + hid;
  69. }
  70.  
  71. function __SetCheckBoxState( state )
  72. { 
  73.   var img = Get( "image_" + this.ID );
  74.   img.src = __GetCheckBoxImage ( state ); // change image
  75.   
  76.    Get( "hid_"+ this.ID ).value = state; // change hidden value
  77. }
  78.  
  79. function __GetCheckBoxState()
  80. {
  81.   return Get( "hid_"+ this.ID ).value;
  82. }
  83.  
  84. // value = boolean
  85. function __EnableCheckBox( value )
  86. {
  87.  var state = Get( "hid_"+ this.ID ).value; // get current state 
  88.  var temstate = state;
  89.  
  90.  if( value ) // if enable = true
  91.  { 
  92.    switch( state )
  93.    {
  94.      case _CHECKBOX_DISABLE_CHECKED:
  95.       temstate = _CHECKBOX_CHECKED;
  96.       break;
  97.       
  98.     case _CHECKBOX_DISABLE_UNCHECKED:
  99.       temstate = _CHECKBOX_UNCHECKED;
  100.       break;
  101.    }
  102.  }else
  103.  {
  104.   switch( state ) // if enable = false
  105.    {
  106.      case _CHECKBOX_CHECKED:
  107.       temstate = _CHECKBOX_DISABLE_CHECKED;
  108.       break;
  109.       
  110.     case _CHECKBOX_UNCHECKED:
  111.       temstate = _CHECKBOX_DISABLE_UNCHECKED;
  112.       break;
  113.    }
  114.  }
  115.  Get( "hid_"+ this.ID ).value = temstate; // change hiddeb value (state )
  116.  Get( "image_"+ this.ID ).src = __GetCheckBoxImage(temstate ); // change image
  117.  
  118. }
  119.  
  120.  
  121.  
  122. // value = boolean
  123. function __CheckCheckBox( value )
  124. {
  125.  var state = Get( "hid_"+ this.ID ).value; // get current state 
  126.  var temstate = (value == true )?  _CHECKBOX_CHECKED : _CHECKBOX_UNCHECKED ;
  127.  
  128.  
  129.  if( (state == _CHECKBOX_CHECKED) || (state == _CHECKBOX_UNCHECKED) )
  130.  {
  131.   Get( "hid_"+ this.ID ).value = temstate; // change hiddeb value (state )
  132.   Get( "image_"+ this.ID ).src = __GetCheckBoxImage(temstate ); // change image
  133.  }
  134. }
  135.  
  136.  
  137. function __IsCheckedCheckBox()
  138. {
  139.    if( Get( "hid_"+ this.ID  ) == null )
  140.      return false; 
  141.    return __GetCheckBoxValue( Get( "hid_"+ this.ID ).value);
  142. }
  143.  
  144. // toggle the checkbox state 
  145. function __ToggleCheckBox()
  146. {
  147.    __OnClickCheckBox("hid_"+ this.ID, "image_"+ this.ID );
  148. }
  149.  
  150. //************************************ helper functions ************************************************************
  151.  
  152. function __OnClickCheckBox(hidid, imageid)
  153. {
  154.  var hid = Get( hidid ).value; // get current state
  155.  
  156.  if ( hid ==  _CHECKBOX_UNCHECKED )
  157.    {
  158.      Get( hidid ).value = _CHECKBOX_CHECKED;
  159.      Get(imageid ).src = __GetCheckBoxImage( _CHECKBOX_CHECKED );
  160.    }
  161.    
  162.   if ( hid ==  _CHECKBOX_CHECKED )
  163.    {
  164.      Get( hidid ).value = _CHECKBOX_UNCHECKED;
  165.      Get(imageid ).src = __GetCheckBoxImage( _CHECKBOX_UNCHECKED );
  166.    } 
  167. }
  168.  
  169. function __OnMouseOverCheckBox(hidid, imageid)
  170. {
  171.   var hid = Get( hidid ).value; // get current state
  172.   Get(imageid ).src = __GetCheckBoxImage( hid, true );
  173. }
  174.  
  175.  
  176. function __OnMouseOutCheckBox(hidid, imageid)
  177. {
  178.   var hid = Get( hidid ).value; // get current state
  179.   Get(imageid ).src = __GetCheckBoxImage( hid );
  180. }
  181.  
  182. //return checkbox boolean value, for given state
  183. function __GetCheckBoxValue( state )
  184. {
  185.   switch( state )
  186.   {
  187.     case _CHECKBOX_CHECKED:
  188.     case _CHECKBOX_DISABLE_CHECKED:
  189.      return true;
  190.      break;
  191.     
  192.     case _CHECKBOX_UNCHECKED:
  193.     case _CHECKBOX_DISABLE_UNCHECKED:
  194.      return false;
  195.      break;
  196.   }
  197. }
  198.  
  199. //return image for the given state
  200. //mouseover : bool
  201. function __GetCheckBoxImage( state, mouseover )
  202. {
  203.   var m = mouseover || false;
  204.   switch( state )
  205.   {
  206.     case _CHECKBOX_CHECKED:
  207.      return m ?  "P_check_selectedhover.gif" : "P_check_selected.gif";
  208.      break;
  209.     case _CHECKBOX_DISABLE_CHECKED:
  210.      return "checkbox_checked_disable.JPG";
  211.      break;
  212.     case _CHECKBOX_MIX:
  213.      return m ? "P_check_mixedhover.gif" : "P_check_mixed.gif";
  214.      break;
  215.     case _CHECKBOX_DISABLE_UNCHECKED:
  216.      return "checkbox_unchecked_disable.JPG";
  217.      break;
  218.     case _CHECKBOX_UNCHECKED:
  219.      return m ? "P_check_unselectedhover.gif" : "P_check_unselected.gif";
  220.      break;
  221.   }
  222. }
  223.  
  224.  
  225. //*******************************************************************
  226.  
  227.  
  228. function c1()
  229. {
  230.  var c = new CheckBox("XXX");
  231.  
  232.  Get("div").innerHTML = c.Render();
  233. }
  234. function c2()
  235. {
  236.  var c = new CheckBox("XXX");
  237.  c.SetState( _CHECKBOX_MIX );
  238. }
  239.  
  240. function c3()
  241. {
  242.   var c = new CheckBox("XXX");
  243.  c.Enable(true);
  244. }
  245. function c4()
  246. {
  247. var c = new CheckBox("XXX");
  248.  c.Enable(false);
  249. }